<template>
  <div class="user-manage-wrapper">
    <Tabs v-model="tabName" @on-click="tabs">
      <TabPane label="管理列表" name="manager">
        <UserManagerList></UserManagerList>
      </TabPane>
      <TabPane label="机构列表" name="organization"> 机构列表 </TabPane>
      <TabPane label="老师列表" name="teacher"> 老师列表 </TabPane>
      <TabPane label="学员列表" name="student"> 学员列表 </TabPane>
    </Tabs>
  </div>
</template>

<script>
import UserManagerList from "./components/user-manager-list"
export default {
  name: "UserManage",
  components:{
    UserManagerList
  },
  data() {
    return {
      tabName: "manager",
    };
  },
  methods: {
    tabs() {},
  },
};
</script>
<style lang="less" scoped>
.user-manage-wrapper{

}
</style>
<style scoped>
.user-manage-wrapper >>> .ivu-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}
.user-manage-wrapper >>> .ivu-tabs-nav {
  display: flex;
}
.user-manage-wrapper >>> .ivu-tabs-tab {
  width: 122px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: #474c63;
  letter-spacing: 0;
  padding: 0 25px !important;
}
.user-manage-wrapper >>> .ivu-tabs-ink-bar {
  background: #4098ff;
  border-radius: 100px;
  height: 5px !important;
  width: 80px !important;
  margin-left: 22px !important;
}
.user-manage-wrapper >>> .ivu-tabs-bar {
  border: none !important;
  margin-bottom: 0 !important;
}
</style>